En JavaScript, puede obtener la definición de la palabra de la tecla que se presionó mirando event.code , como:
document.onkeypress = function(event) { console.log(event.code); }; Cuando presiono a , obtengo KeyA . Cuando presiono la tecla de flecha hacia arriba, obtengo ArrowUp . Todo esto está bien para la mayoría de las teclas, sin embargo, cuando presiono una tecla como ½ en mi teclado con un diseño danés, Backquote , que no es correcto.
En lugar de tomar el valor codificado que JavaScript me da, pensé en convertir event.key en su lugar, que devuelve el valor real de la pulsación de tecla. Por ejemplo, si presiono MAYÚS + 7 en mi teclado, event.key devolverá / que quiero que se llame slash (o forward slash ).
¿Hay alguna forma de convertir un carácter en la palabra real? Quiero un objeto/diccionario como este:
const keys = { '/': 'forward slash', //or slash 'a': 'a', 'space': 'Space', '"': 'Quotation mark', '\'': 'Apostrophe' };y así. Entonces puedo hacer:
document.onkeypress = function(event) { const characterPressed = keys[event.key]; console.log(characterPressed); };¿Hay una lista que pueda recorrer para obtener cada valor, o tengo que revisar todos los caracteres posibles para escribirlos en un teclado y luego mapearlos manualmente? Básicamente estoy buscando un esquema de "definición de carácter a palabra".
Usando la lista de datos Unicode mencionada en los comentarios a su pregunta, esta puede ser una forma de recuperar los nombres de los personajes (los fragmentos contienen una pequeña parte de la lista mencionada):
const app = document.querySelector(`#app`); let unicodeList = document.querySelector(`[data-raw]`).textContent.trim(); const firstUp = str => `${str[0].toUpperCase()}${str.slice(1).toLowerCase()}`; unicodeList = unicodeList.split(`\n`) .map(row => { const line = row.trim().split(`;`); return { code: line[0], decimal: parseInt(`0x${line[0]}`, 16), get letter() { return String.fromCharCode(`0x${this.code}`); }, name: (line[1] || ``).startsWith(`<`) ? `-` : line[1], } }); app.insertAdjacentHTML(`beforeend`, `<p>The unicode name for A is <b>${unicodeList.find(l => l.letter === `A`).name}</b></p>`); app.insertAdjacentHTML(`beforeend`, `<p>The unicode name for ½ is <b>${unicodeList.find(l => l.letter === `½`).name}</b></p>`); body { font: 14px/18px normal verdana, arial; margin: 2rem; } .hidden { display: none; } <pre id="app"></pre> <pre class="hidden" data-raw="1"> 00BD;VULGAR FRACTION ONE HALF;No;0;ON;<fraction> 0031 2044 0032;;;1/2;N;FRACTION ONE HALF;;;; 0041;LATIN CAPITAL LETTER A;Lu;0;L;;;;;N;;;;0061; 0042;LATIN CAPITAL LETTER B;Lu;0;L;;;;;N;;;;0062; 0043;LATIN CAPITAL LETTER C;Lu;0;L;;;;;N;;;;0063; 0044;LATIN CAPITAL LETTER D;Lu;0;L;;;;;N;;;;0064; 0045;LATIN CAPITAL LETTER E;Lu;0;L;;;;;N;;;;0065; 0046;LATIN CAPITAL LETTER F;Lu;0;L;;;;;N;;;;0066; 0047;LATIN CAPITAL LETTER G;Lu;0;L;;;;;N;;;;0067; 0048;LATIN CAPITAL LETTER H;Lu;0;L;;;;;N;;;;0068; 0049;LATIN CAPITAL LETTER I;Lu;0;L;;;;;N;;;;0069; 004A;LATIN CAPITAL LETTER J;Lu;0;L;;;;;N;;;;006A; 004B;LATIN CAPITAL LETTER K;Lu;0;L;;;;;N;;;;006B; 004C;LATIN CAPITAL LETTER L;Lu;0;L;;;;;N;;;;006C; 004D;LATIN CAPITAL LETTER M;Lu;0;L;;;;;N;;;;006D; 004E;LATIN CAPITAL LETTER N;Lu;0;L;;;;;N;;;;006E; 004F;LATIN CAPITAL LETTER O;Lu;0;L;;;;;N;;;;006F; 0050;LATIN CAPITAL LETTER P;Lu;0;L;;;;;N;;;;0070; 0051;LATIN CAPITAL LETTER Q;Lu;0;L;;;;;N;;;;0071; 0052;LATIN CAPITAL LETTER R;Lu;0;L;;;;;N;;;;0072; 0053;LATIN CAPITAL LETTER S;Lu;0;L;;;;;N;;;;0073; 0054;LATIN CAPITAL LETTER T;Lu;0;L;;;;;N;;;;0074; 0055;LATIN CAPITAL LETTER U;Lu;0;L;;;;;N;;;;0075; 0056;LATIN CAPITAL LETTER V;Lu;0;L;;;;;N;;;;0076; 0057;LATIN CAPITAL LETTER W;Lu;0;L;;;;;N;;;;0077; 0058;LATIN CAPITAL LETTER X;Lu;0;L;;;;;N;;;;0078; 0059;LATIN CAPITAL LETTER Y;Lu;0;L;;;;;N;;;;0079; 005A;LATIN CAPITAL LETTER Z;Lu;0;L;;;;;N;;;;007A; </pre>